<template>
    <div class="container">
        <pdf ref="pdf" class="pdfContainer"></pdf>
        <div style="width:500px;height:300px;backgroundColor:#ff00f0" @click="updatePdf">update</div>
    </div>
</template>
<style scoped>
    .container {
        padding-left: 0;
        padding-right: 0;
        background-color: aqua;
    }

    .pdfContainer {
        width: 750px;
        height: 834px;
        background-color: bisque;
    }

</style>
<script>
    export default {
        data() {
            return {
                pdfHeight: 1334
            }
        },
        methods: {
            updatePdf() {
                var pdf = this.$refs.pdf;
                pdf.setPdf("http://jxw.meilianji.cn/attach/20180605.pdf", "pdf");
            }
        },
        eros:{
            appeared(params,options){
                var pdf = this.$refs.pdf;
                pdf.setPdf("http://oxqog7f78.bkt.clouddn.com/ENERGYSTAR.pdf", "hello");
            }
        },
        created() {
            // this.pdfHeight = Utils.env.getPageHeight();
            this.$navigator.setLeftItem({
                text: '返回', // 展示的文字 (和图片 二选一)    
                textColor: '', // 文字颜色 (默认为白色)
                fontSize: '32', // 字号（默认32px）
                fontWeight: 'normal', // 是否加粗（默认不加粗）
                image: '' // 展示的图片url (和文字 二选一，文字优先级更高)
            }, () => {
                // 点击回调
                this.$router.back({
                    type: 'PUSH'
                })
            })
        },
    }

</script>
